@charset "utf-8";
/*	0-768	*/
@media (max-width: 768px) {
*{ display: none; }
}
/*	768-992	*/
/*@media (min-width: 768px) and (max-width: 992px) {*/
  /*body						{	padding-top: 41px;	}*/
 /*.img-responsive				{	max-width: 70.4%	}*/
 /*.container-fluid			{	padding-right: 25px; padding-left: 25px;	}*/
 /*.navbar-nav					{	width: 100%;	}*/
 /*.navbar-nav > li			{	height: 40px;	}*/
 /*.navbar-nav > li > a		{	margin: 10px 2.5px;	color: #b0b0b0; font-size: 12px; padding: 0;	}*/
 /*.navbar > .container .row	{	height: 40px;	}*/
 /*.col-sm-12					{	min-height: 40px;	}*/
 /*.list-inline > li			{	height: 82px; padding: 35px 0.56% 0;;	}*/
 /*.list-inline > li > a		{	color: #333; font-size: 13px; padding: 0;	}*/
 /*.list-inline > li > a:hover	{	text-decoration: none; color: #ff6700;	}*/
 /*.form-inline .form-control	{	width: 73.54%;	}*/
 /*.form-control				{	padding: 6px;	}*/
 /*.btn						{	padding-left: 2px; padding-right: 2px;	}*/
 /*.form-inline				{	padding-top: 27px;	}*/
 /*.carousel-control.right		{	margin-right: 1px; height: 50px; width: 50px; margin-top: 110px;	}*/
 /*.carousel					{	margin: 0 20px; margin-bottom: 12px;	}*/
 /*.carousel-control			{	left: 21%; width: 50px; height: 50px;  margin-top: 110px;	}*/
 /*.carousel-caption			{	text-align: right; right: 2%;	}*/
 /*.myimg						{	margin: 12px 0.4%; background: #fafafa; width: 19.36%; 	}*/
 /*.myimg > a:hover			{	text-decoration: none;	}*/
 /*.myimg > a > img			{	width: 100px; height: 100px; margin: 10px 0;	}*/
 /*.myimg > p					{	color: #b0b0b0; font-size: 12px; margin: 5px 0 10px;	}*/
 /*.mybtn-shopcar				{	height: 40px; color: #b0b0b0; font-size: 12px; padding: 10px 10px 0 10px; background: #424242;	}*/
 /*.mybtn-shopcar:hover		{	color: #ff6700; text-decoration: none; background: #fff;	}*/
 /*.mynav-li					{	padding-top: 10px;	}*/
 /*.mymilogo					{	width: 40px; height: 40px; background-color: #ff6700;   margin-top: 22px; float: left; margin-left: 3px;	}*/
 /*.mymilogo img				{	position: absolute; left: 13px; top: 17px;	}*/
 /*.mylogo						{	margin-top: 22px; padding-left: 20px;	}*/
 /*.mymenu						{	position: absolute; top: 0; background: #333; height: 100%; width: 21%; opacity: 0.6; 	}*/
 /*.mymenu span				{	margin-top: 8px;	}*/
 /*.mymenu > ul > li > a		{	font-size: 13px;	}*/
 /*.mymenu > ul > li > a:hover	{	text-decoration:none;	}*/
 /*.mymenu > ul > li > a > div	{	padding-left: 25px; line-height: 215%;	}*/
 /*.mymenu > ul > li:hover		{	background: #ff6700;	}*/
 /*.mybox > ul > li			{	padding: 9px; height: auto;	}*/
 /*.mybox > ul > li > a		{	color: #fff; opacity: 0.6; -webkit-transition: opacity 0.25s; 	}*/
 /*.mybox > ul > li > a:hover	{	color: #fff; opacity: 1;	}*/
 /*.mybox > img				{	height: 135px; width: 100%; margin-top: 15px;	}*/
 /*.mytopart					{	margin-bottom: 15px;	}*/
 /*.mycarousel > .carousel		{	margin: 0;	}*/
 /*.mycenterpart				{	background: #f5f5f5; width: 100%; padding-top: 40px;;	}*/
 /*.mylook						{	font-size: 15px; color: #424242; transition: color 0.25s;	}*/
 /*.mylook > span				{	font-size: 18px; color: #b0b0b0;	}*/
 /*.mylook:hover				{	text-decoration:none; color: #ff6700;	}*/
 /*.mypic-lg					{	width: 100%;	}*/
 /*.mypic-lg > a				{	display: block; width: 100%; height: 100%; transition: box-shadow 0.25s;	}*/
 /*.mypic-lg > a:hover			{	box-shadow: 0 0 20px #e0e0d1;	}*/
 /*.mypic-sm					{	position: relative; background-color:#fff; padding: 0 6px; transition: box-shadow 0.25s;	}*/
 /*.mypic-sm > p				{	color: #b0b0b0;  font-size: 14px; text-align: center; margin-top: 35px;	}*/
 /*.mypic-sm > a				{	display: block; width: 150px; height: 150px; margin: 0 auto 20px; }*/
 /*.mydiscount					{	position: absolute; top: 0; left: 38%; color: #fff; padding: 1px 10px; font-size: 13px;	}*/
/*}*/

/* 992-1018 */
@media (min-width: 992px) and (max-width: 1018px) {
 .mygiflogo > img { width: 75%; }
}
/* 992-1046 */
@media (min-width: 992px) and (max-width: 1046px) {
 .mynav2form > button    { display: none; }
 .mylist                   { line-height: 245% !important; }
}
/* 992-1138 */
@media (min-width: 992px) and (max-width: 1138px) {
 .mybox li { padding: 7px 12px !important; }
}
/*	992-1200	*/
@media (min-width: 992px) and (max-width: 1200px) {
  body						{ padding-top: 41px; }
 .mytopnav li               { font-size: 12px; }
 .mytopnav a                { padding: 10px 0 !important; }
 .mycarousel-controlleft    { left: 20%; }
 .mycarousel-controlright	{ left: 85%; }
 .mycaption			        { text-align: right; right: 2%; margin-bottom: 10px; }
 .myimg						{ margin: 12px 0; background: #fafafa; }
 .myimg > a:hover			{ text-decoration: none; }
 .myimg > a > img			{ width: 150px; height: 150px; margin: 10px 0;	}
 .myimg > p				    { color: #b0b0b0; font-size: 12px; margin: 5px 0 10px; padding: 0 10px; }
 .mybtn-shopcar			    { height: auto; color: #b0b0b0; font-size: 14px; padding: 10px 11px !important; background: #424242; }
 .mybtn-shopcar:hover    	{ color: #ff6700; text-decoration: none; background: #fff; }
 .mynav-li					{ padding: 10px;	}
 .mymilogo			        { width: 50px; height: 50px; background-color: #ff6700;   margin-top: 12px; float: left; }
 .mygiflogo > img      	    { margin-top: 5px; }
 .mynav2                    { margin-top: 25px; }
 .mynav2 > li			    { padding: 0 3px; }
 .mynav2 > li > a		    { color: #333; font-size: 14px; padding: 0; }
 .mynav2 > li > a:hover	    { text-decoration: none; color: #ff6700; }
 .mynav2form				{ margin-top: 18px; }
 .mymenu					{ position: absolute; top: 0; left: 30px; background: #333; height: 100%; width: 21.9%; opacity: 0.6; 	}
 .mymenu a:hover	        { text-decoration:none;	}
 .mylist	                { padding-left: 30px; line-height: 255%;	}
 .mybox li			        { padding: 20px 12px; height: auto;	}
 .mybox a		            { color: #fff; opacity: 0.6; -webkit-transition: opacity 0.25s; font-size: 14px; 	}
 .mybox a:hover				{ color: #fff; opacity: 1; text-decoration: none; }
 .mybox > img			    { height: 160px; width: 100%; }
 .mytopart					{ margin-bottom: 25px;	}
 .mycenterpart			    { background: #f5f5f5; width: 100%; padding-top: 60px; padding-bottom: 30px;	}
 .mylook					{ font-size: 15px; color: #424242; transition: color 0.25s;	}
 .mylook > span			    { font-size: 18px; }
 .mylook:hover				{ text-decoration:none; color: #ff6700;	}
 .mypic-lg					{ width: 100%;	}
 .mypic-lg > a				{ display: block; width: 100%; height: 100%; transition: box-shadow 0.25s;	}
 .mypic-lg > a:hover		{ box-shadow: 0 0 20px #e0e0d1;	}
 .mypic-sm					{ position: relative; background-color:#fff;	}
 .mypic-sm > p				{ color: #b0b0b0;  font-size: 14px;  margin-top: 18px; }
 .mypic-sm > a				{ display: block;  margin: 0 auto 20px; }
 .mydiscount				{ position: absolute; top: 0; left: 30%; color: #fff; padding: 1px 10px; font-size: 13px;	}
 .myphone                   { margin: 0 0 5px; font-size: 20px; line-height: 1; color: #ff6700; }
 .myinfo                    { margin-left: 18px; }
 .myinfo li                 { padding: 0; }
 .myinfo a                  { color: #3c3c3c; }
 .myinfo2                   { margin-left: 18px; }
 .myinfo2 p                 { padding: 0; margin: 0; color: #b0b0b0; }
 .myinfo                    { margin-top: 18px; }
 .myinfo li                 { padding: 0; }
 .myinfo a                  { color: #3c3c3c; }
 .myinfo2 p                 { padding: 0; margin: 0; color: #b0b0b0; }
 .myindicator				{	text-align: right; left: 66%;	}
 .short                     { display: none; }
}
/*	1200-~	*/
@media (min-width: 1200px) {
 body                       { padding-top: 41px; }
 .mytopnav li               { font-size: 12px; }
 .mytopnav a                { padding: 10px 0 !important; }
 .mycarousel-controlleft	{ left: 24%; width: 10%; }
 .mycarousel-controlright	{ left: 85%; }
 .mycaption			        { text-align: right; right: 2%; margin-bottom: 10px; }
 .myimg						{ margin: 12px 0; background: #fafafa; }
 .myimg > a:hover			{ text-decoration: none; }
 .myimg > a > img			{ width: 160px; height: 160px; margin: 10px 0;	}
 .myimg > p				    { color: #b0b0b0; font-size: 12px; margin: 5px 0 10px; padding: 0 10px; }
 .mybtn-shopcar			    { height: auto; color: #b0b0b0; font-size: 14px; padding: 10px 11px !important; background: #424242;	}
 .mybtn-shopcar:hover    	{ color: #ff6700; text-decoration: none; background: #fff; }
 .mynav-li					{ padding: 10px;	}
 .mymilogo      			{ width: 54px; height: 54px; background-color: #ff6700;   margin-top: 10px; float: left; }
 .mygiflogo > img			{ margin-top:1px;	}
 .mynav2                    { margin-top: 20px; }
 .mynav2 > li			    { padding: 0 6px; }
 .mynav2 > li > a		    { color: #333; font-size: 16px; padding: 0; }
 .mynav2 > li > a:hover	    { text-decoration: none; color: #ff6700; }
 .mynav2form				{ margin-top: 15px; }
 .mymenu					{ position: absolute; top: 0; left: 30px; background: #333; height: 100%; width: 21.9%; opacity: 0.6; 	}
 .mymenu a:hover	        { text-decoration:none;	}
 .mylist	                { padding-left: 30px; line-height: 285%;	}
 .mybox li			        { padding: 20px 12px; height: auto;	}
 .mybox a		            { color: #fff; opacity: 0.6; -webkit-transition: opacity 0.25s; font-size: 14px; 	}
 .mybox a:hover	  		    { color: #fff; opacity: 1; text-decoration: none; }
 .mybox > img			    { height: 160px; width: 100%;	}
 .mytopart					{ margin-bottom: 25px;	}
 .mycenterpart				{ background: #f5f5f5; width: 100%; padding-top: 60px; padding-bottom: 30px;	}
 .mylook					{ font-size: 15px; color: #424242; transition: color 0.25s;	}
 .mylook > span				{ font-size: 18px; }
 .mylook:hover				{ text-decoration:none; color: #ff6700;	}
 .mypic-lg					{ width: 100%;	}
 .mypic-lg > a				{ display: block; width: 100%; height: 100%; transition: box-shadow 0.25s;	}
 .mypic-lg > a:hover		{ box-shadow: 0 0 20px #e0e0d1;	}
 .mypic-sm					{ position: relative; background-color:#fff;	}
 .mypic-sm > p				{ color: #b0b0b0;  font-size: 14px; margin-top: 35px; }
 .mypic-sm > a				{ display: block;  margin: 0 auto 20px; }
 .mydiscount				{ position: absolute; top: 0; left: 38%; color: #fff; padding: 1px 10px; font-size: 13px;	}
 .myphone				    { margin: 0 0 5px; font-size: 22px; line-height: 1; color: #ff6700; }
 .myinfo				    { margin-top: 18px; }
 .myinfo li				    { padding: 0; }
 .myinfo a                  { color: #3c3c3c; }
 .myinfo2 p                 { padding: 0; margin: 0; color: #b0b0b0; }
 .myindicator				{	text-align: right; left: 66%;	}
}
@media (min-width: 1342px) {
 .myinfo                   { margin-top: 0; margin-left: 18px; float: left; }
 .myinfo li                { padding: 0; }
 .myinfo a                 { color: #3c3c3c; }
 .myinfo2                  { margin-left: 18px; float: left; }
 .myinfo2 p                { padding: 0; margin: 0; color: #b0b0b0; }
 .mysite-img img           { float: left; }
}

@media (min-width: 768px) {
  body					  { min-width: 769px; }
  a:focus                 { text-decoration: none; }
 .myrow2                  { margin-bottom: 3px; }
 .mymenu a		          { color: #fff;	}
 .navbar				  { min-height: 40px;	}
 .mypic-sm img			  { width: 90%; }
 .mypic-sm:hover		  { box-shadow: 0 10px 18px #e0e0d1;	}
 .picleft				  { width: 100%; }
 .picleft:hover			  { box-shadow: 0 10px 18px #e0e0d1; }
  footer                  { background-color: #fff; padding: 20px 0 30px; }
 .col-sm-1-5 > span       { font-size: 20px; }
 .myser                   { color: #ff6700; transition: color 0.3s, background-color 0.3s; }
 .myser:hover             { color: #fff; background-color: #ff6700; }
 .mysite                  { background-color: #f5f5f5; padding: 20px 0; font-size: 12px; }
 .myseal img              { margin: 20px 10px; }
 .mybtn-shopcar           { position: relative; }
 .myshopcar-panel         { width: 250px; height: 80px; background-color: #fff; display: none; position: absolute; right: 0; margin-top: 11px; box-shadow: -3px 3px 7px -3px #000000; }
 .myshopcar-panel p       { color: #000000;  vertical-align: middle; }
 .myinfo a:hover          { text-decoration: none; color: #ff6700; }
 .mysite-img              { width: 100%; }
 .mypic-sm-panel          { width: 100%; bottom: 0; height: 30%; display:none; position:absolute; background-color: #ff6700; }
 .mymenu li:hover		  { background: #ff6700;	}
 .lisay                   { position: absolute; background-color: #fff; display: none; float: left; left: 100%; top: 0; width: 100%; height: 100%; }
 .lisay div				  { display: none; }
}